<!DOCTYPE HTML>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"
	  xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4" >
<head>
	<title>Home</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link th:href="@{/shop/assets/css/style.css}" rel="stylesheet" type="text/css" media="all"/>
	<link rel="stylesheet" type="text/css" th:href="@{/shop/assets/css/style1.css}">
	<link th:href="@{/shop/assets/css/slider.css}" rel="stylesheet" type="text/css" media="all"/>
	<link rel="stylesheet" th:href="@{/shop/assets/css/qfbase.css}">

	<!--共有样式-->
	<link rel="stylesheet" th:href="@{/shop/assets/css/ql_index.css}">
	<link rel="stylesheet" th:href="@{/shop/assets/css/layer.css}">
	<script type="text/javascript" th:src="@{/shop/js/jquery-1.11.3.min.js}"></script>
	<script type="text/javascript" th:src="@{/js/layer.js}"></script>
	<script type="text/javascript" th:src="@{js/jquery-1.9.0.min.js}"></script>
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	<script type="text/javascript">
        $(window).load(function () {
            $('#slider').nivoSlider();
        });
	</script>
	<!--首页banner样式-->
	<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
</head>


<body>
<div class="header">
	<div class="headertop_desc">
		<div class="wrap">
			<div class="nav_list">
				<ul>
					<li><a th:href="@{/video/shophome}">商城主页</a></li>
					<li><a th:href="@{/#}">博客</a></li>
					<li><a th:href="@{/#}">学院</a></li>
					<li><a th:href="@{/#}">问答</a></li>
					<li><a th:href="@{/#}">下载</a></li>
					<li><a th:href="@{/#}">联系我们</a></li>
				</ul>
			</div>
			<div class="account_desc">
				<ul>
					<li><a th:href="@{/register}">注册</a></li>
					<li><a th:href="@{/login}">登录</a></li>
					<li><a th:href="@{/#}">写博客</a></li>
					<li><a th:href="@{/#}">我的主页</a></li>
				</ul>
			</div>
			<div class="clear"></div>
		</div>
	</div>
	<div class="wrap">
		<div class="header_top">
			<div class="logo">
				<a th:href="@{/}"><img th:src="@{/shop/assets/images/logo.png}" alt=""/></a>
			</div>

			<div class="header_top_right">

				<div class="search_box">
					<form th:action="@{/video/findListByName}">
						<input type="text" value="搜索" name="brief" onfocus="this.value = '';" autocomplete="on"
							   onblur="if (this.value == '') {this.value = 'Search';}"><input type="submit" value="">
					</form>
				</div>
				<div class="clear"></div>
			</div>
			<script type="text/javascript">
                function DropDown(el) {
                    this.dd = el;
                    this.initEvents();
                }

                DropDown.prototype = {
                    initEvents: function () {
                        var obj = this;

                        obj.dd.on('click', function (event) {
                            $(this).toggleClass('active');
                            event.stopPropagation();
                        });
                    }
                }

                $(function () {

                    var dd = new DropDown($('#dd'));

                    $(document).click(function () {
                        // all dropdowns
                        $('.wrapper-dropdown-2').removeClass('active');
                    });

                });
			</script>
			<div class="clear"></div>
		</div>


		<!--网站导航 start-->
		<div class="w-all w-minw hg-60 bg-c-ffffff ql_webnav">
			<div class="w-main m-auto ps-r hg-60">
				<!--全部商品分类-->
				<div class="hc_lnav jslist">
					<div class="allbtn">
						<h2><a href="#">全部商品分类</a></h2>
						<ul style="width:250px" class="jspop box">
							<!--导航-->
							<li class="a1">
								<div class="tx"><a href="#">小学</a></div>
								<dl>
									<dd><a href="#">一年级</a><span>/</span> <a href="#">二年级</a><span>/</span> <a href="#">三年级</a>
										<a href="#">四年级</a><span>/</span> <a href="#">五年级</a><span>/</span> <a href="#">六年级</a>
									</dd>
								</dl>
								<div class="pop">
									<dl>
										<dt><a href="#">一年级 ></a></dt>
										<dd><a class="ui-link" th:href="@{/video/findGraAndSub(grade='一',subject='数学')}">数学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='一',subject='语文')}">语文</a><span>|</span>
											<a class="ui-link" th:href="@{/video/findGraAndSub(grade='一',subject='英语')}">英语</a></dd>
									</dl>
									<dl>
										<dt><a href="#">二年级 ></a></dt>
										<dd><a class="ui-link" th:href="@{/video/findGraAndSub(grade='二',subject='数学')}">数学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='二',subject='语文')}">语文</a><span>|</span>
											<a class="ui-link" th:href="@{/video/findGraAndSub(grade='二',subject='英语')}">英语</a></dd>
									</dl>
									<dl>
										<dt><a href="#">三年级 ></a></dt>
                                        <dd><a class="ui-link" th:href="@{/video/findGraAndSub(grade='三',subject='数学')}">数学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='三',subject='语文')}">语文</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='三',subject='英语')}">英语</a></dd>
									</dl>
									<dl>
										<dt><a href="#">四年级 ></a></dt>
                                        <dd><a class="ui-link" th:href="@{/video/findGraAndSub(grade='四',subject='数学')}">数学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='四',subject='语文')}">语文</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='四',subject='英语')}">英语</a></dd>
									</dl>
									<dl>
										<dt><a href="#">五年级 ></a></dt>
                                        <dd><a class="ui-link" th:href="@{/video/findGraAndSub(grade='五',subject='数学')}">数学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='五',subject='语文')}">语文</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='五',subject='英语')}">英语</a></dd>
									</dl>
									<dl>
										<dt><a href="#">六年级 ></a></dt>
                                        <dd><a class="ui-link" th:href="@{/video/findGraAndSub(grade='六',subject='数学')}">数学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='六',subject='语文')}">语文</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='六',subject='英语')}">英语</a></dd>
									</dl>

									<div class="clr"></div>
								</div>
							</li>
							<!--导航-->
							<!--导航-->
							<li class="a1">
								<div class="tx"><a href="#">初中</a></div>
								<dl>
									<dd><a href="#">初一</a><span>/</span> <a href="#">初二</a><span>/</span> <a
											href="#">初三</a></dd>
								</dl>
								<div class="pop">
									<dl>
										<dt><a href="#">初一 ></a></dt>
										<dd><a class="ui-link" th:href="@{/video/findGraAndSub(grade='七',subject='数学')}">数学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='七',subject='语文')}">语文</a><span>|</span>
											<a class="ui-link" th:href="@{/video/findGraAndSub(grade='七',subject='英语')}">英语</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='七',subject='地理')}">地理</a><span>|</span>
											<a class="ui-link" th:href="@{/video/findGraAndSub(grade='七',subject='政治')}">政治</a>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='七',subject='历史')}">历史</a> <span>|</span>
											<a class="ui-link" th:href="@{/video/findGraAndSub(grade='七',subject='生物')}">生物</a></dd>
									</dl>
									<dl>
										<dt><a href="#">初二 ></a></dt>
                                        <dd><a class="ui-link" th:href="@{/video/findGraAndSub(grade='八',subject='数学')}">数学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='八',subject='语文')}">语文</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='八',subject='英语')}">英语</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='八',subject='地理')}">地理</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='八',subject='政治')}">政治</a>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='八',subject='历史')}">历史</a> <span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='八',subject='生物')}">生物</a></dd>
									</dl>
									<dl>
										<dt><a href="#">初三 ></a></dt>
                                        <dd><a class="ui-link" th:href="@{/video/findGraAndSub(grade='九',subject='数学')}">数学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='九',subject='语文')}">语文</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='九',subject='英语')}">英语</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='九',subject='地理')}">地理</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='九',subject='政治')}">政治</a>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='九',subject='历史')}">历史</a> <span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='九',subject='生物')}">生物</a></dd>
									</dl>

									<div class="clr"></div>
								</div>
							</li>
							<!--导航-->
							<!--导航-->
							<li class="a1">
								<div class="tx"><a href="#">高中</a></div>
								<dl>
									<dd><a href="#">高一</a><span>/</span> <a href="#">高二</a><span>/</span> <a
											href="#">高三</a></dd>
								</dl>
								<div class="pop">
									<dl>
										<dt><a href="#">高一 ></a></dt>
										<dd><a class="ui-link" th:href="@{/video/findGraAndSub(grade='高一',subject='数学')}">数学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='高一',subject='语文')}">语文</a><span>|</span>
											<a class="ui-link" th:href="@{/video/findGraAndSub(grade='高一',subject='英语')}">英语</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='高一',subject='物理')}">物理</a><span>|</span>
											<a class="ui-link" th:href="@{/video/findGraAndSub(grade='高一',subject='化学')}">化学</a>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='高一',subject='生物')}">生物</a></dd>
									</dl>
									<dl>
										<dt><a href="#">高二 ></a></dt>
										<dd><a class="ui-link" th:href="@{/video/findGraAndSub(grade='高二',subject='数学')}">数学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='高二',subject='语文')}">语文</a><span>|</span>
											<a class="ui-link" th:href="@{/video/findGraAndSub(grade='高二',subject='英语')}">英语</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='高二',subject='物理')}">物理</a><span>|</span>
											<a class="ui-link" th:href="@{/video/findGraAndSub(grade='高二',subject='化学')}">化学</a>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='高二',subject='生物')}">生物</a></dd>
									</dl>
									<dl>
										<dt><a href="#">高三 ></a></dt>
										<dd><a class="ui-link" th:href="@{/video/findGraAndSub(grade='高三',subject='数学')}">数学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='高三',subject='语文')}">语文</a><span>|</span>
											<a class="ui-link" th:href="@{/video/findGraAndSub(grade='高三',subject='英语')}">英语</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='高三',subject='物理')}">物理</a><span>|</span>
											<a class="ui-link" th:href="@{/video/findGraAndSub(grade='高三',subject='化学')}">化学</a>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='高三',subject='生物')}">生物</a></dd>
									</dl>

									<div class="clr"></div>
								</div>
							</li>
							<!--导航-->
							<!--导航-->
							<li class="a1">
								<div class="tx"><a href="#">大学</a></div>
								<dl>
									<dd><a href="#">大一</a><span>/</span> <a href="#">大二</a><span>/</span> <a
											href="#">大三</a> <span>/</span><a href="#">大四</a></dd>
								</dl>
								<div class="pop">
									<dl>
										<dt><a href="#">大一 ></a></dt>
										<dd><a class="ui-link" th:href="@{/video/findGraAndSub(grade='大一',subject='计算机')}">计算机</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大一',subject='文学')}">文学</a><span>|</span>
											<a class="ui-link" th:href="@{/video/findGraAndSub(grade='大一',subject='英文')}">英文</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大一',subject='数学')}">数学</a><span>|</span>
											<a class="ui-link" th:href="@{/video/findGraAndSub(grade='大一',subject='经济学')}">经济学</a>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大一',subject='心理学')}">心理学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大一',subject='教育学')}">教育学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大一',subject='化工')}">化工</a><span>|</span>
											<a class="ui-link" th:href="@{/video/findGraAndSub(grade='大一',subject='物理学')}">物理学</a></dd>
									</dl>
									<dl>
										<dt><a href="#">大二 ></a></dt>


                                        <dd><a class="ui-link" th:href="@{/video/findGraAndSub(grade='大二',subject='计算机')}">计算机</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大二',subject='文学')}">文学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大二',subject='英文')}">英文</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大二',subject='数学')}">数学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大二',subject='经济学')}">经济学</a>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大二',subject='心理学')}">心理学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大二',subject='教育学')}">教育学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大二',subject='化工')}">化工</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大二',subject='物理学')}">物理学</a></dd>
									</dl>
									<dl>
										<dt><a href="#">大三 ></a></dt>
                                        <dd><a class="ui-link" th:href="@{/video/findGraAndSub(grade='大三',subject='计算机')}">计算机</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大三',subject='文学')}">文学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大三',subject='英文')}">英文</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大三',subject='数学')}">数学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大三',subject='经济学')}">经济学</a>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大三',subject='心理学')}">心理学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大三',subject='教育学')}">教育学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大三',subject='化工')}">化工</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大三',subject='物理学')}">物理学</a></dd>
									</dl>
									<dl>
										<dt><a href="#">大四 ></a></dt>
                                        <dd><a class="ui-link" th:href="@{/video/findGraAndSub(grade='大四',subject='计算机')}">计算机</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大四',subject='文学')}">文学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大四',subject='英文')}">英文</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大四',subject='数学')}">数学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大四',subject='经济学')}">经济学</a>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大四',subject='心理学')}">心理学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大四',subject='教育学')}">教育学</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大四',subject='化工')}">化工</a><span>|</span>
                                            <a class="ui-link" th:href="@{/video/findGraAndSub(grade='大四',subject='物理学')}">物理学</a></dd>
									</dl>
									<div class="clr"></div>
								</div>
							</li>
							<!--导航-->
						</ul>
					</div>
				</div>
				<!--全部商品分类-->
				<!---->
				<ul class="w-950 hg-60 ql_nav">
					<li><a th:href="@{/video/shophome}" class="cur">首页</a></li>
					<li><a th:href="@{#}">小学</a></li>
					<li><a th:href="@{#}">名师课堂</a></li>
					<li><a th:href="@{#}">考试日历</a></li>
					<li><a th:href="@{#}" class="ql_navhot">招商加盟</a></li>
					<li><a th:href="@{#}">分校</a></li>
					<li><a th:href="@{#}">资讯</a></li>
					<li><a th:href="@{#}">名师</a></li>
					<li><a th:href="@{#}">联系我们</a></li>
				</ul>
				<!---->
			</div>
		</div>
		<!--网站导航 end-->


		<!--web banner start-->

		<div class="w-all w-minw banner ps-r">
			<div id="full-screen-slider">
				<ul id="slides">
					<a th:href="@{/video/preview(id=${videosRecent.get(0).getId()})}">
						<li style="background:url('../shop/assets/pics/ban1.jpg') center top no-repeat;"><a href="javascript:void(0)"></a></li>
					</a>
					<a th:href="@{/video/preview(id=${videosRecent.get(1).getId()})}">
						<li style="background:url('../shop/assets/pics/ban2.jpg') center top no-repeat;"><a href="javascript:void(0)"></a></li>
					</a>
					<a th:href="@{/video/preview(id=${videosRecent.get(2).getId()})}">
						<li style="background:url('../shop/assets/pics/ban3.jpg') center top no-repeat;"><a href="javascript:void(0)"></a></li>
					</a>
				</ul>

				<ul id="pagination" style="margin-left: -30px;">
					<li class="bg_icon"><a href="javascript:void(0)">1</a></li>
					<li class="bg_icon current"><a href="javascript:void(0)">2</a></li>
					<li class="bg_icon"><a href="javascript:void(0)">3</a></li>
				</ul>

			</div>

		</div>
		<script type="text/javascript" th:src="@{/shop/js/banner.index.js}"></script>

		<!--web banner end-->

		<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" title="网站模板">网站模板</a></div>
		<!------------End Header ------------>
		<div class="main">
			<div class="wrap">
				<div class="content">
					<div class="content_top1">
						<div class="heading">
							<h3>新品推荐</h3>
						</div>
					</div>
					<div class="section group">

						<div class="grid_1_of_5 images_1_of_5" th:each="video1,iterStat: ${videosRecent}">
							<a th:href="@{/video/preview(id=${video1.getId()})}"><img th:src="@{/shop/assets/images/4-1.jpg}" alt=""/></a>
							<h2><a th:href="@{/video/preview(id=${video1.getId()})}" th:text="${video1.getVideoname()}">初中英语1</a></h2>
							<div class="price-details">
								<div class="price-number">
									<p>￥<span class="rupees" th:text="${video1.getPrice()}">620.87</span></p>
								</div>
								<div class="add-cart">
									<h4><a href="javascript:void(0);" th:onclick="'javascript:getSC2('+${video1.id }+')'" >收藏</a></h4>
								</div>
								<div class="clear"></div>
							</div>
						</div>

					</div>
					<div class="content_bottom">
						<div class="heading">
							<h3>精品推荐</h3>
						</div>
					</div>
					<div class="section group">
						<div class="grid_1_of_5 images_1_of_5" th:each="video2,iterStat:${videosMost}">
							<a th:href="@{/video/preview(id=${video2.getId()})}"><img th:src="@{/shop/assets/images/Coraline.jpg}" alt=""/></a>
							<h2><a th:href="@{/video/preview(id=${video2.getId()})}" th:text="${video2.getVideoname()}">初中英语1</a></h2>
							<div class="price-details">
								<div class="price-number">
									<p>￥<span class="rupees"  th:text="${video2.getPrice()}">620.87</span></p>
								</div>
								<div class="add-cart">
									<h4><a href="javascript:void(0);" th:onclick="'javascript:getSC2('+${video2.id }+')'" >收藏</a></h4>
								</div>
								<div class="clear"></div>
							</div>

						</div>

					</div>
				</div>
			</div>
		</div>


		<!--底部样式-->
		<div class="footer_style">
			<div class="footer">
				<div class="copys copys-list clearfix">
					<a th:href="@{#}">网络文化经营许可证 京网文[2014]xxxxx-236号</a>
					<a th:href="@{#}">京卫网审[2013]第0209号 网络110报警服务</a>
					<a th:href="@{#}">药品服务许可证(京)-经营2222-0029</a>
					<a th:href="@{#}">节目制作经营许可证京字670号</a>
				</div>
				<div class="link_name">
					<a th:href="@{#}">关于我们</a>|<a th:href="@{#}">媒体合作</a>|<a th:href="@{#}">开放平台</a>|<a th:href="@{#}">广告服务</a>|<a
						th:href="@{#}">联系我们</a>|<a th:href="@{#}">工作机会</a>|<a th:href="@{#}">友情链接</a></div>
				<div class="Copyright">Copyright © 2004-2017 视频名称（xx.com）All rights reserved.</div>

			</div>

		</div>
		<!-- 代码 开始 -->
		<div class="go-top dn" id="go-top">

			<a href="zhuce.html" target="_blank" class="feedback"></a>
			<a href="javascript:;" class="go"></a>
		</div>
	</div>
</div>
</body>
</html>

<!--异步收藏-->
<script>
    /*var id = [[${videos1}]];
	console.log(id)*/
    function getSC2(obj) {
        // console.log(obj)
        axios.get('/edu/video/collect?id=' + obj).then(function (res) {
            if (res.data == '1') {
                layer.msg('已收藏');
            }
        });
    }
</script>


<script>
    $(".bd").niceScroll({
        cursorcolor: "#888888",
        cursoropacitymax: 1,
        touchbehavior: false,
        cursorwidth: "5px",
        cursorborder: "0",
        cursorborderradius: "5px"
    });

    function playerstop() {
        setTimeend();
    }

    function setTimeend() {//获取下一部视频的播放ID
        nowD++;
        if (nowD >= videoarr.length) {
            nowD = 0;
        }
        playvideo(nowD);
    }

    var nowD = 0;//目前播放的视频的编号(在数组里的编号)
    var frontTime = false;//前置广告倒计时是否在运行中
    var frontHtime = false;//后置广告是否在进行中
    var videoarr = new Array();//新建一个数组来存flash端视频地址，添加方法就像下面一样
    videoarr.push('http://player.video.qiyi.com/2e97d0a59f6278c62046517b4f2f6728/0/2715/v_19rraev46g.swf-albumId=205153601-tvId=637184900-isPurchase=0-cnId=2');
    videoarr.push('http://movie.ks.js.cn/flv/2012/02/6-1.flv');
    videoarr.push('http://movie.ks.js.cn/flv/2011/11/8-1.flv');
    videoarr.push('http://movie.ks.js.cn/flv/2014/04/24-2.flv');
    var html5arr = new Array();//新建一个数组来保存HTML5端用到的视频地址，注意，因为本演示只有一种mp4文件，所以html5下所有用到的视频地址都是相同的，请见谅，另外，该数组是一个二维数组
    html5arr.push(['http://player.video.qiyi.com/2e97d0a59f6278c62046517b4f2f6728/0/2715/v_19rraev46g.swf-albumId=205153601-tvId=637184900-isPurchase=0-cnId=2']);
    html5arr.push(['http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4']);
    html5arr.push(['http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4']);
    html5arr.push(['http://movie.ks.js.cn/flv/other/1_0.mp4->video/mp4']);

    function playvideo(n) {
        nowD = n;
        var flashvars = {
            f: videoarr[n],
            c: 0,
            p: 1,
            e: 0,
            my_url: encodeURIComponent(window.location.href)
        };
        // for (i = 0; i < videoarr.length; i++) {//这里是用来改变右边列表背景色
//                if (i != nowD) {
//                    CKobject._K_('vli_' + i).style.backgroundColor ='#262626';
//                }
//                else {
//                    CKobject._K_('vli_' + i).style.backgroundColor ='#DAF2FF';
//                }
//            }

        var video = ['http://player.video.qiyi.com/2e97d0a59f6278c62046517b4f2f6728/0/2715/v_19rraev46g.swf-albumId=205153601-tvId=637184900-isPurchase=0-cnId=2'];
        CKobject.embed('js/ckplayer/ckplayer.swf', 'a1', 'ckplayer_a1', '100%', '100%', false, flashvars, html5arr[n]);
    }

    playvideo(0);
</script>
<script type="text/javascript">

    $(function () {
        $("#videoArea").fix({
            float: 'right',	//default.left or right
            //minStatue : true,
            skin: 'green',	//default.gray or blue
            durationTime: 300
        });
    });
</script>
<script>
    /*********搜索*********/
    function submit_btn() {
        $(".search_style input[type$='text']").each(function (n) {
            if ($(this).val() == "") {

                layer.alert("搜索框不能为空！", {
                    title: '提示框',
                    icon: 0,
                });
                return false;
            }
            else {
                location.href = "search_page.html";

            }
        })
    }
</script>
<script>
    $(document).ready(function () {
        var w = parseInt(($(window).width() - 1200) / 2);
        $(".qlban_ad").css("right", w)
    });

</script>